<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<!--头部广告-->
		<div class="topAdvertising">
			<div class="topFork">×</div>
			<a href="#">
				<img src="http://img.zazhipu.com/bookpic/20203/202032495432.png"/>
			</a>
		</div>
		<!--导航-->
		<nav>
			<div class="navTop">
				<ul class="navTopLeft">
					<li><a href="#"><span>手机杂志铺</span><i class="iconfont icon-xiangxiajiantou"></i></a></li>
					<li><a href="#"><span>积分商城</span><i class="iconfont icon-xiangxiajiantou"></i></a></li>
					<li><a href="#"><span>知识课堂</span><i class="iconfont icon-xiangxiajiantou"></i></a></li>
				</ul>
				<h4>您好，欢迎访问杂志铺</h4>
				<ul class="navTopRight">
					<li><a href="../pages/login.html"><b>请您登陆</b></a></li>
					<li><a href="../pages/register.html"><b>注册</b></a></li>
					<li><a href="#">我的订单</a></li>
					<li><a href="#">我的账户</a></li>
					<li><a href="#">发货查询</a></li>
					<li><a href="#">企业团购</a></li>
					<li><a href="#">杂志续订</a></li>
					<li><a href="#">帮助中心</a></li>
				</ul>
			</div>
			<div class="navMiddle">
				<div class="navMiddleLeft">
					<img src="http://zazhipu.com/newindexfile/img/logo.png" />
				</div>
				<div class="navMiddleRight">
					<div class="cont">
						<input type="text" value="环球少年地理"/>
						<div class="source"><i class = "iconfont icon-sousuo-"></i></div>
					</div>
					<ul>
						<li><a href="">好奇号</a></li>
						<li><a href="">孤独星球</a></li>
						<li><a href="">万物</a></li>
						<li><a href="">创意科学</a></li>
						<li><a href="">哈佛商业评论</a></li>
						<li><a href="">读者</a></li>
						<li><a href="">小猪佩奇</a></li>
					</ul>
					<div class="car">
						<a><i class="iconfont icon-gouwuche">购物车</i></a>
					</div>
				</div>
			</div>
			<div class="navBottom">
				<div class="navBottomLeft">
					<a href="">
					<i class = "iconfont icon-RectangleCopy"></i>
					<span>全部商品分类</span></a>
				</div>
				<ul>
					<li><a href=""><b>首页</b></a></li>
					<li><a href=""><b>杂志排行榜</b></a></li>
					<li><a href=""><b>新刊推荐</b></a></li>
					<li><a href=""><b>阅读季大促</b></a></li>
					<li><a href=""><b>满200减100</b></a></li>
					<li><a href=""><b>杂志包邮</b></a></li>
					<li><a href=""><b>2020年杂志订阅目录</b></a></li>
					<li><a href=""><b>杂志续订</b></a></li>
				</ul>
			</div>
		</nav>
		<!--二级菜单+轮播-->
		<div class="banner">
			<div class="left">
				<div class="ulLeft">
					<ul>
						<li>少儿</li>
						<li>兴趣</li>
						<li>阅读</li>
					</ul>
					<ul>
						<li>地理</li>
						<li>旅游</li>
						<li>人文</li>
					</ul>
					<ul>
						<li>校园</li>
						<li>学习</li>
						<li>辅导</li>
					</ul>
					<ul>
						<li>母婴</li>
						<li>亲子</li>
						<li>育儿</li>
					</ul>
					<ul>
						<li>时尚</li>
						<li>服饰</li>
						<li>美妆</li>
					</ul>
					<ul>
						<li>财经</li>
						<li>商业</li>
						<li>管理</li>
					</ul>
					<ul>
						<li>文学</li>
						<li>文摘</li>
						<li>经典</li>
					</ul>
					<ul>
						<li>家庭</li>
						<li>健康</li>
						<li>养生</li>
					</ul>
					<ul>
						<li>科普</li>
						<li>科技</li>
						<li>军事</li>
						</ul>
					<ul>
						<li>时事</li>
						<li>时政</li>
						<li>新闻</li>
					</ul>
					<ul>
						<li>建筑</li>
						<li>艺术</li>
						<li>设计</li>
					</ul>
					<ul>
						<li>汽车</li>
						<li>男士</li>
						<li>品质</li>
					</ul>
					<ul>
						<li>文化</li>
						<li>艺术</li>
						<li>收藏</li>
					</ul>
					<ul>
						<li>人力</li>
						<li>职场</li>
						<li>培训</li>
					</ul>
					<ul>
						<li>体育</li>
						<li>运动</li>
						<li>休闲</li>
					</ul>
				</div>
			</div>
			<div class="middle">
				<div class="box">
		        <div class="imgbox">
		            <a><img src="http://img1.zazhipu.com/bookpic/20203/202032319011.png?imageMogr2/thumbnail/800x" alt=""></a>
		            <a><img src="http://img1.zazhipu.com/bookpic/20203/202032319058.png?imageMogr2/thumbnail/800x" alt=""></a>
		            <a><img src="http://img1.zazhipu.com/bookpic/20202/2020227233538.png?imageMogr2/thumbnail/800x" alt=""></a>
		            <a><img src="http://img1.zazhipu.com/bookpic/20202/2020214162251.jpg?imageMogr2/thumbnail/800x" alt=""></a>
		            <a><img src="http://img1.zazhipu.com/bookpic/20203/202038113630.jpg?imageMogr2/thumbnail/800x" alt=""></a>
		            <a><img src="http://img1.zazhipu.com/bookpic/201912/2019121417552.png?imageMogr2/thumbnail/800x" alt=""></a>
		        </div>
		    </div>
				<div class="bottom">
					<div>
						<a href="#"><img src="http://zazhipu.com/newfiles/img/image1.png" alt="" /></a>
						<h4><a href="#">杂志订阅排行榜</a></h4>
						<p><a href="#">源自350多万读者的选择</p>
					</div>
					<div>
						<a href="#"><img src="http://zazhipu.com/newfiles/img/image2.png" alt="" /></a>
						<h4><a href="#">新刊推荐</a></h4>
						<p><a href="#">发现好刊，分享好刊</p>
					</div>
					<div>
						<a href="#"><img src="http://zazhipu.com/newfiles/img/image3.png" alt="" /></a>
						<h4><a href="#">精选知识课堂</a></h4>
						<p><a href="#">丰富您的学生和生活知识</p>
					</div>
					<div>
						<a href="#"><img src="http://zazhipu.com/newfiles/img/image4.png" alt="" /></a>
						<h4><a href="#">文创生活</a></h4>
						<p><a href="#">杂志文创，发现不一样的生活</p>
					</div>
				</div>
			</div>
			<div class="right">
				<div class="top">
					<img src="http://zazhipu.com/newfiles/img/icon.png" alt="" />
					<p>杂志铺用户，您好</p>
					<div class="box">
						<div class="left"><a href="#">新人有礼</a></div>
						<div class="right"><a href="#">VIP中心</a></div>
					</div>
				</div>
				<div class="middle">
					<br />
					<h4>服务公告</h4><span>更多<i>></i></span>
					<ul>
						<li><a href="">快讯&nbsp;:&nbsp;&nbsp;中国期刊协会会长吴尚之...</a></li>
						<li><a href="">快讯&nbsp;:&nbsp;&nbsp;中国期刊协会会长吴尚之...</a></li>
						<li><a href="">快讯&nbsp;:&nbsp;&nbsp;中国期刊协会会长吴尚之...</a></li>
						<li><a href="">快讯&nbsp;:&nbsp;&nbsp;中国期刊协会会长吴尚之...</a></li>
						<li><a href="">快讯&nbsp;:&nbsp;&nbsp;中国期刊协会会长吴尚之...</a></li>
						<li><a href="">快讯&nbsp;:&nbsp;&nbsp;中国期刊协会会长吴尚之...</a></li>
					</ul>
				</div>
				<div class="bottom">
					<div class="box">
						<a href="#"><img src="http://zazhipu.com/newfiles/img/guanli.png" alt="" /></a>
						<p>订阅管理</p>
					</div>
					<div class="box">
						<a href="#"><img src="http://zazhipu.com/newfiles/img/guanli.png" alt="" /></a>
						<p>订阅帮助</p>
					</div>
					<div class="box">
						<a href="#"><img src="http://zazhipu.com/newfiles/img/guanli.png" alt="" /></a>
						<p>杂志投递</p>
					</div>
					<div class="box">
						<a href="#"><img src="http://zazhipu.com/newfiles/img/guanli.png" alt="" /></a>
						<p>封面秀</p>
					</div>
					<div class="box">
						<a href="#"><img src="http://zazhipu.com/newfiles/img/guanli.png" alt="" /></a>
						<p>知识课堂</p>
					</div>
					<div class="box">
						<a href="#"><img src="http://zazhipu.com/newfiles/img/guanli.png" alt="" /></a>
						<p>杂志文创</p>
					</div>
				</div>
			</div>
		</div>
		
		<!--二级菜单,显示的每个页面-->
		<div class="twoLevelMenu">
			<!--少儿-->
			<div class="menu">
				<div class="childMenu">
					<p><a href="">学前教育 ></a></p>
					<span><a href="">幼儿园</a></span>
					<span><a href="">幼儿智力世界</a></span>
					<span><a href="">米老鼠</a></span>
					<span><a href="">童趣</a></span>
					<span><a href="">童话王国</a></span>
					<span><a href="">时事魔镜</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">少儿科普 ></a></p>
					<span><a href="">好奇号</a></span>
					<span><a href="">我们爱科学</a></span>
					<span><a href="">探索与发现</a></span>
					<span><a href="">科幻世界</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">少儿文学 ></a></p>
					<span><a href="">儿童文学</a></span>
					<span><a href="">小溪流</a></span>
					<span><a href="">意林小小姐</a></span>
					<span><a href="">趣味作文</a></span>
					<span><a href="">悦读</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">兴趣培养 ></a><p>
					<span><a href="">琴童</a></span>
					<span><a href="">天才小书法家</a></span>
					<span><a href="">少儿美术书法版</a></span>
					<span><a href="">小女生创意手工</a></span>
				</div>
			</div>
			<!--人文-->
			<div class="menu">
				<div class="childMenu">
					<p><a href="">旅游文化 ></a></p>
					<span><a href="">孤独星球</a></span>
					<span><a href="">时尚旅游</a></span>
					<span><a href="">旅游世界</a></span>
					<span><a href="">西藏旅游</a></span>
					<span><a href="">四川画报</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">人文风俗 ></a></p>
					<span><a href="">旅游天地</a></span>
					<span><a href="">文明</a></span>
					<span><a href="">城市漫步</a></span>
					<span><a href="">西藏人文地理</a></span>
					<span><a href="">世界博览</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">地理知识 ></a></p>
					<span><a href="">中国家地理</a></span>
					<span><a href="">华夏地理</a></span>
					<span><a href="">环球人文地理</a></span>
					<span><a href="">国家地理</a></span>
					<span><a href="">其他</a></span>
				</div>
			</div>
			<!--校园-->
			<div class="menu">
				<div class="childMenu">
					<p><a href="">初中 ></a></p>
					<span><a href="">创新作文</a></span>
					<span><a href="">课堂内外</a></span>
					<span><a href="">七彩语文</a></span>
					<span><a href="">新校园</a></span>
					<span><a href="">作文素材</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">高中 ></a></p>
					<span><a href="">创新作文</a></span>
					<span><a href="">课堂内外</a></span>
					<span><a href="">作文独唱团</a></span>
					<span><a href="">时尚文摘</a></span>
					<span><a href="">作文素材</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">大学 ></a></p>
					<span><a href="">中国大学生</a></span>
					<span><a href="">大学生能力博士</a></span>
					<span><a href="">其他</a></span>
					<span><a href="">留学</a></span>
				</div>
			</div>
			<!--母婴-->
			<div class="menu">
				<div class="childMenu">
					<p><a href="">0-3岁 ></a></p>
					<span><a href="">婴儿益智画册</a></span>
					<span><a href="">婴儿画报</a></span>
					<span><a href="">小太阳</a></span>
					<span><a href="">东方宝宝</a></span>
					<span><a href="">其他</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">3-7岁 ></a></p>
					<span><a href="">幼儿画报</a></span>
					<span><a href="">幼儿园</a></span>
					<span><a href="">小聪仔</a></span>
					<span><a href="">大灰狼</a></span>
					<span><a href="">东方娃娃系列</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">父母读物 ></a></p>
					<span><a href="">妈咪宝贝</a></span>
					<span><a href="">宝贝世界</a></span>
					<span><a href="">时尚育儿</a></span>
					<span><a href="">我和宝贝</a></span>
					<span><a href="">父母必读</a></span>
				</div>
			</div>
			<!--时尚-->
			<div class="menu">
				<div class="childMenu">
					<p><a href="">时尚传媒 ></a></p>
					<span><a href="">时尚伊人</a></span>
					<span><a href="">时尚健康</a></span>
					<span><a href="">时尚芭莎</a></span>
					<span><a href="">悦己</a></span>
					<span><a href="">时尚北京</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">美容美妆 ></a></p>
					<span><a href="">健康美容</a></span>
					<span><a href="">健康时尚</a></span>
					<span><a href="">艾丝</a></span>
					<span><a href="">嘉人美妆</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">潮流资讯 ></a></p>
					<span><a href="">MLIK新潮流</a></span>
					<span><a href="">风尚志</a></span>
					<span><a href="">其他</a></span>
					<span><a href="">格调</a></span>
				</div>
			</div>
			<!--财经-->
			<div class="menu">
				<div class="childMenu">
					<p><a href="">财经资讯 ></a></p>
					<span><a href="">第一财经周刊</a></span>
					<span><a href="">环球财经</a></span>
					<span><a href="">财经天下</a></span>
					<span><a href="">经济展望</a></span>
					<span><a href="">工业经济论坛</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">商业评论 ></a></p>
					<span><a href="">商业周刊中文版</a></span>
					<span><a href="">商业评论</a></span>
					<span><a href="">项目管理评论</a></span>
					<span><a href="">全球商业经典</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">商业管理 ></a></p>
					<span><a href="">经理人</a></span>
					<span><a href="">中国企业家</a></span>
					<span><a href="">中外管理</a></span>
					<span><a href="">实效管理</a></span>
				</div>
			</div>
			<!--文学-->
			<div class="menu">
				<div class="childMenu">
					<p><a href="">文学评论 ></a></p>
					<span><a href="">书屋</a></span>
					<span><a href="">名作欣赏</a></span>
					<span><a href="">天南</a></span>
					<span><a href="">读书</a></span>
					<span><a href="">南腔北调</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">文摘 ></a></p>
					<span><a href="">读者系列</a></span>
					<span><a href="">青年文摘系列</a></span>
					<span><a href="">做人与处事</a></span>
					<span><a href="">头条</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">经典 ></a></p>
					<span><a href="">名人传记</a></span>
					<span><a href="">青春风</a></span>
					<span><a href="">星星诗刊</a></span>
					<span><a href="">经典杂文</a></span>
				</div>
			</div>
			<!--家庭-->
			<div class="menu">
				<div class="childMenu">
					<p><a href="">家庭生活 ></a></p>
					<span><a href="">中国女性</a></span>
					<span><a href="">女友</a></span>
					<span><a href="">青春期健康家庭文化</a></span>
					<span><a href="">茶道</a></span>
					<span><a href="">莫愁</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">健康养生 ></a></p>
					<span><a href="">健康文摘</a></span>
					<span><a href="">婚育与健康</a></span>
					<span><a href="">家庭医药</a></span>
					<span><a href="">健康之家</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">生活品质 ></a></p>
					<span><a href="">城市漫步</a></span>
					<span><a href="">国际手表杂志</a></span>
					<span><a href="">城邦国际名表</a></span>
					<span><a href="">元素</a></span>
				</div>
			</div>
			<!--科普-->
			<div class="menu">
				<div class="childMenu">
					<p><a href="">科幻探秘 ></a></p>
					<span><a href="">科幻世界译文版</a></span>
					<span><a href="">百科探秘~海底世界</a></span>
					<span><a href="">奥秘</a></span>
					<span><a href="">中国科学探险</a></span>
					<span><a href="">其他</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">科学技术 ></a></p>
					<span><a href="">环球科学</a></span>
					<span><a href="">科学中国人</a></span>
					<span><a href="">旧闻新知</a></span>
					<span><a href="">科学视界</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">军事知识 ></a></p>
					<span><a href="">军事文摘</a></span>
					<span><a href="">战争事典</a></span>
					<span><a href="">海陆天空</a></span>
					<span><a href="">惯性视界</a></span>
				</div>
			</div>
			<!--时事-->
			<div class="menu">
				<div class="childMenu">
					<p><a href="">时事新闻 ></a></p>
					<span><a href="">中国新闻周刊</a></span>
					<span><a href="">南风窗</a></span>
					<span><a href="">中国周刊</a></span>
					<span><a href="">中国报道系列</a></span>
					<span><a href="">其他</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">时政综合 ></a></p>
					<span><a href="">读天下</a></span>
					<span><a href="">新民周刊</a></span>
					<span><a href="">三联生活周刊</a></span>
					<span><a href="">世界知识</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">新闻评论 ></a></p>
					<span><a href="">南方人物周刊</a></span>
					<span><a href="">博客天下</a></span>
					<span><a href="">环球</a></span>
					<span><a href="">南方周末</a></span>
				</div>
			</div>
			<!--建筑-->
			<div class="menu">
				<div class="childMenu">
					<p><a href="">建筑设计 ></a></p>
					<span><a href="">时代楼盘</a></span>
					<span><a href="">建筑与文化</a></span>
					<span><a href="">世界建筑</a></span>
					<span><a href="">城市建筑</a></span>
					<span><a href="">地产线</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">艺术设计 ></a></p>
					<span><a href="">新视线</a></span>
					<span><a href="">艺术与设计</a></span>
					<span><a href="">当代设计</a></span>
					<span><a href="">现代装饰</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">家居设计 ></a></p>
					<span><a href="">Casarredo</a></span>
					<span><a href="">Design室内装饰与设计</a></span>
					<span><a href="">ACS创意空间</a></span>
					<span><a href="">id+c室内设计与装修</a></span>
				</div>
			</div>
			<!--汽车-->
			<div class="menu">
				<div class="childMenu">
					<p><a href="">汽车资讯 ></a></p>
					<span><a href="">汽车观察</a></span>
					<span><a href="">汽车纵横</a></span>
					<span><a href="">汽车博览</a></span>
					<span><a href="">越玩越野</a></span>
					<span><a href="">名车志</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">男士品位 ></a></p>
					<span><a href="">男士品位</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">品质生活 ></a></p>
					<span><a href="">时尚座驾</a></span>
					<span><a href="">汽车与运动</a></span>
					<span><a href="">汽车维修与保养</a></span>
					<span><a href="">中国赛车</a></span>
				</div>
			</div>
			<!--文化-->
			<div class="menu">
				<div class="childMenu">
					<p><a href="">艺术文化 ></a></p>
					<span><a href="">当代美术家</a></span>
					<span><a href="">艺术杂志</a></span>
					<span><a href="">艺术视界</a></span>
					<span><a href="">中华遗产</a></span>
					<span><a href="">书画世界</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">艺术鉴赏 ></a></p>
					<span><a href="">艺术品</a></span>
					<span><a href="">工艺传承</a></span>
					<span><a href="">中华奇石</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">收藏 ></a></p>
					<span><a href="">集邮</a></span>
					<span><a href="">东方收藏</a></span>
					<span><a href="">艺术品投资</a></span>
					<span><a href="">时尚观念TIME SQUARE</a></span>
				</div>
			</div>
			<!--人力-->
			<div class="menu">
				<div class="childMenu">
					<p><a href="">职业规划 ></a></p>
					<span><a href="">人力资源管理</a></span>
					<span><a href="">人力资本管理</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">自我提升 ></a></p>
					<span><a href="">工控智能化</a></span>
					<span><a href="">仪器仪表智能化</a></span>
					<span><a href="">新作文中学作文教学研究</a></span>
					<span><a href="">新作文小学作文教学研究</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">企业培训 ></a></p>
					<span><a href="">知音漫客</a></span>
					<span><a href="">COSPLAY</a></span>
					<span><a href="">培训</a></span>
				</div>
			</div>
			<!--体育-->
			<div class="menu">
				<div class="childMenu">
					<p><a href="">体育报道 ></a></p>
					<span><a href="">乒乓世界</a></span>
					<span><a href="">环球体育灌篮</a></span>
					<span><a href="">NBA特刊</a></span>
					<span><a href="">全体育</a></span>
					<span><a href="">体育画报</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">健身运动 ></a></p>
					<span><a href="">钓鱼</a></span>
					<span><a href="">健与美</a></span>
					<span><a href="">世界高尔夫</a></span>
					<span><a href="">健壮</a></span>
				</div>
				<div class="childMenu">
					<p><a href="">休闲运动 ></a></p>
					<span><a href="">休闲运动</a></span>
					<span><a href="">瑜伽媒体</a></span>
					<span><a href="">围棋天地</a></span>
					<span><a href="">垂钓</a></span>
				</div>
			</div>
		</div>
		
		<!--商品-->
		<div class="container">
			<!--限时抢购-->
			<div class="limited floor">
				<h3><i class = "iconfont icon-shandian"></i>限时抢购</h3>
				<div class="limimg"></div>
			</div>
			<!--亲子阅读-->
			<div class="childRead floor">
				<h3><i class = "iconfont icon-shandian"></i>少儿阅读/亲子阅读</h3>
				<div class="childimg"></div>
			</div>
			<!--校园阅读-->
			<div class="schoolRead floor">
				<h3><i class = "iconfont icon-shandian"></i>学校辅导/校园阅读</h3>
				<div class="childimg"></div>
			</div>
			<!--文学/生活/旅游/时尚/家庭/外语-->
			<div class="literatureRead floor">
				<h3><i class = "iconfont icon-shandian"></i>文学/生活/旅游/时尚/家庭/外语</h3>
				<div class="childimg"></div>
			</div>
			<!--财经/新闻/科普/汽车/IT/设计-->
			<div class="financeRead floor">
				<h3><i class = "iconfont icon-shandian"></i>财经/新闻/科普/汽车/IT/设计</h3>
				<div class="childimg"></div>
			</div>
		</div>
		
		<!--页面底部-->
		<div class="foot">
			<div class="line">—— ——</div>
			<div class="aul">
				<div class="aulTop">
					<div class="box">
						<img src="http://zazhipu.com/newindexfile/img/fimage1.png" alt="" />
						<h4>低价保障</h4>
						<p>全场低价，低至3折起</p>
					</div>
					<div class="box">
						<img src="http://zazhipu.com/newindexfile/img/fimage2.png" alt="" />
						<h4>快递配送</h4>
						<p>100%配送,无忧掉刊</p>
					</div>
					<div class="box">
						<img src="http://zazhipu.com/newindexfile/img/fimage3.png" alt="" />
						<h4>品种齐全</h4>
						<p>数千种杂志任你选</p>
					</div>
					<div class="box">
						<img src="http://zazhipu.com/newindexfile/img/fimage4.png" alt="" />
						<h4>无忧退换订</h4>
						<p>想订就订，想换就换</p>
					</div>
					<div class="box">
						<img src="http://zazhipu.com/newindexfile/img/fimage5.png" alt="" />
						<h4>满268包邮</h4>
						<p>活动区域,满268包邮</p>
					</div>
					<div class="box">
						<img src="http://zazhipu.com/newindexfile/img/fimage6.png" alt="" />
						<h4>价格保护</h4>
						<p>价格保护，下单无忧</p>
					</div>
				</div>
				<div class="aulBottom">
					<dl>
						<dt><a href="">订阅指南</a></dt>
						<dd><a href="">杂志订阅流程</a></dd>
						<dd><a href="">杂志续订流程</a></dd>
						<dd><a href="">会员制度</a></dd>
						<dd><a href="">账户余额</a></dd>
						<dd><a href="">常见问题</a></dd>
						<dd><a href="">联系客服</a></dd>
					</dl>
					<dl>
						<dt><a href="">付款方式</a></dt>
						<dd><a href="">在线支付</a></dd>
						<dd><a href="">银行转账</a></dd>
						<dd><a href="">邮局汇款</a></dd>
						<dd><a href="">公司转账</a></dd>
					</dl>
					<dl>
						<dt><a href="">配送服务</a></dt>
						<dd><a href="">配送规则</a></dd>
						<dd><a href="">268元免费范围</a></dd>
						<dd><a href="">600元免费范围</a></dd>
						<dd><a href="">组合配送</a></dd>
						<dd><a href="">杂志验货及签收</a></dd>
					</dl>
					<dl>
						<dt><a href="">售后服务</a></dt>
						<dd><a href="">订单查询</a></dd>
						<dd><a href="">价格变动说明</a></dd>
						<dd><a href="">退还订及退款</a></dd>
						<dd><a href="">加订合并拆分</a></dd>
						<dd><a href="">修改收货地址</a></dd>
						<dd><a href="">投诉与建议</a></dd>
					</dl>
					<dl>
						<dt><a href="">特色服务</a></dt>
						<dd><a href="">购物券 礼品卡</a></dd>
						<dd><a href="">积分退换</a></dd>
						<dd><a href="">免费试读</a></dd>
						<dd><a href="">2020年杂志订阅目录</a></dd>
						<dd><a href="">加入我们</a></dd>
					</dl>
					<dl>
						<dt><a href="">商家合作</a></dt>
						<dd><a href="">杂志社供应商</a></dd>
						<dd><a href="">商务合作</a></dd>
						<dd><a href="">企业单位团购</a></dd>
					</dl>
				</div>
			</div>
		</div>
		<div class="footul">
			<ul>
				<li><a href="">杂志铺简介</a></li>
				<li><a href="">在杂志铺投放广告</a></li>
				<li><a href="">联系我们</a></li>
				<li><a href="">供应商入住</a></li>
				<li><a href="">联盟渠道</a></li>
				<li><a href="">品牌招商</a></li>
				<li><a href="">友情链接</a></li>
				<li><a href="">杂志社导航</a></li>
				<li><a href="">为什么选择杂志铺</a></li>
				<li><a href="">客服：400-000-9191</a></li>
			</ul>
		</div>
	
		<!--右侧楼层-->
		<ul id="floor">
			<li class="f">限时抢购</li>
			<li class="f">少儿类</li>
			<li class="f">校园类</li>
			<li class="f">文学类</li>
			<li class="f">新闻类</li>
			<li class="back">回到顶部</li>
		</ul>
		
		
		
		<!--顶部搜索框点击出现“正在热搜中”-->
		<div class="sourceBox">
			<p>正在热搜中</p>
			<div class="basket">环球少年地理</div>
			<div class="basket">国家地理</div>
			<div class="basket">万物</div>
			<div class="basket">小猪佩奇</div>
			<div class="basket">环球科学</div>
			<div class="basket">好奇号</div>
			<div class="basket">哈佛商业评论</div>
			<div class="basket">创意科学</div>
			<div class="basket">幼儿园</div>
			<div class="basket">天文爱好者</div>
			<div class="basket">科幻世界</div>
			<div class="basket">意林杂志</div>
			<div class="basket">南方人物周刊</div>
			<div class="basket">探索与发现</div>
			<div class="basket">英语街</div>
			<div class="basket">小说月报</div>
		</div>
	
	</body>
<script src="js/jquery.js"></script>
<script src="js/jquery.banner.1.1.js"></script>
<script src="js/ajax-promise.js"></script>
<!--利用ajax请求数据并渲染主页面-->
<script src="js/limDraw.js"></script>
<script src="js/chiDraw.js"></script>
<script src="js/schDraw.js"></script>
<script src="js/litDraw.js"></script>
<script src="js/finDraw.js"></script>
<script src="js/index.js"></script>
</html>